<template>
  <div class="pi-wrapper">
    <div class="main-wrapper">
      <div id="particles-js" class="canvas-maker1 zindex1"></div>
      <section>
        <div class="spinner">
          <div class="loader">
            <div class="bounce loader1 "></div>
            <div class="bounce loader2 "></div>
          </div>
        </div>
      </section>
      <div class="account-pages"></div>
      <div class="clearfix"></div>
      <div class="wrapper-page relative zindex2">
        <div class="ex-page-content text-center">
          <h1 class="text-error floating">4 0 4</h1>
          <h3 class="text-uppercase font-600">页面施工中</h3>
          <div class="text-center">
            <a class="btn  btn-warning btn-rounded  m-t-20 m-b-30" href="/"><i class="fa fa-long-arrow-left"></i>返回首页</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: '404Page'
}
</script>

<style scoped>
.text-error {
  font-size: 180px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.text-uppercase {
  color: #409EFF;
}
</style>
